{% extends "base.html" %}

{% block title %}图书详情 - 图书管理系统{% endblock %}

{% block content %}
    <h1>图书详情</h1>
    
    {% if course %}
        <dl class="course-detail">
            <dt>图书ID：</dt>
            <dd>{{ course.id }}</dd>
            <dt>图书名称：</dt>
            <dd>{{ course.name }}</dd>
            <dt>学分：</dt>
            <dd>{{ course.credit }}</dd>
        </dl>
        
        <div class="actions">
            <a href="{{ url_for('edit_course_html', course_id=course.id) }}" class="btn btn-warning">编辑图书</a>
            <a href="{{ url_for('get_courses_html') }}" class="btn btn-secondary">返回列表</a>
        </div>
    {% else %}
        <div class="message error">未找到指定图书。</div>
        <a href="{{ url_for('get_courses_html') }}" class="btn btn-secondary">返回列表</a>
    {% endif %}
{% endblock %}

{% block extra_css %}
    
.course-detail {
    display: grid;
    grid-template-columns: 150px 1fr;
    gap: 15px;
    margin: 20px 0;
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 8px;
}

.course-detail dt {
    font-weight: bold;
    color: #2c3e50;
}

.course-detail dd {
    margin: 0;
}
{% endblock %}